
<style scoped>
.toubox .tou{
    min-width: 700px;
}
.toubox .el-menu{
    border-bottom: 0;
    background-color: #bfbfbf;
}
.tou{
    border-top: 1px solid #eee;
    background-color: #bfbfbf;
}
</style>
<template>
    <div class="toubox">
        <el-row type="flex" justify="center" class="tou">
            <el-col :span="18">
                <el-menu mode="horizontal">
                    <el-menu-item index="1">平台首页</el-menu-item>

                        <el-submenu index="2">
                            <template slot="title">操作中心</template>
                                <el-submenu index="2-1">
                                    <template slot="title">添加</template>
                                        <el-menu-item index="2-1-1">添加用户</el-menu-item>
                                        <el-menu-item index="2-1-2">添加图片</el-menu-item>
                                        <el-menu-item index="2-1-3">添加内容</el-menu-item>
                                </el-submenu>

                                <el-submenu index="2-2">
                                    <template slot="title">删除</template>
                                        <el-menu-item index="2-2-1">删除用户</el-menu-item>
                                        <el-menu-item index="2-2-2">删除图片</el-menu-item>
                                        <el-menu-item index="2-2-3">删除内容</el-menu-item>
                                </el-submenu>

                                <el-submenu index="2-3">
                                    <template slot="title">修改</template>
                                        <el-menu-item index="2-3-1">修改用户</el-menu-item>
                                        <el-menu-item index="2-3-2">修改图片</el-menu-item>
                                        <el-menu-item index="2-3-3">修改内容</el-menu-item>
                                </el-submenu>
                                
                                <el-submenu index="2-4">
                                    <template slot="title">查询</template>
                                        <el-menu-item index="2-4-1">查询用户</el-menu-item>
                                        <el-menu-item index="2-4-2">查询图片</el-menu-item>
                                        <el-menu-item index="2-4-3">查询内容</el-menu-item>
                                </el-submenu>
                        </el-submenu>

                        <el-submenu index="3">
                            <template slot="title">平台管理</template>
                                <el-menu-item index="3-1">选项1</el-menu-item>
                                <el-menu-item index="3-2">选项2</el-menu-item>
                                <el-menu-item index="3-3">选项3</el-menu-item>
                        </el-submenu>

                        <el-submenu index="4">
                            <template slot="title">用户管理</template>
                                <el-menu-item index="4-1">选项1</el-menu-item>
                                <el-menu-item index="4-2">选项2</el-menu-item>
                                <el-menu-item index="4-3">选项3</el-menu-item>
                        </el-submenu>

                </el-menu>
            </el-col>
        </el-row>
    </div>
</template>
